<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="resources/css/main.css" />
<script type="text/javascript" src="resources/js/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" charset="utf-8" ></script>
<script src="resources/js/raphael/raphael-min.js" charset="utf-8" ></script>
<script src="resources/js/jquery.mapael.js" charset="utf-8" ></script>
<script src="resources/js/maps/france_departments.js" charset="utf-8" ></script>
<script src="resources/js/maps/world_countries.js" charset="utf-8" ></script>
<script src="resources/js/maps/usa_states.js" charset="utf-8" ></script>
<script src="resources/js/examples.js" charset="utf-8" ></script>
<title>차트</title>
<script type="text/javascript">

</script>
</head>
<body>
<div class="container">
	
	<h1>Map examples</h1>

	<h2>Minimal example (France)</h2>
	<div class="maparea1">
		<div class="map">
			<span>Alternative content for the map</span>
		</div>
	</div>
	
	<h2>Map with some plotted cities and area labels (France)</h2>
	<div class="maparea2">
		<div class="map">
			<span>Alternative content for the map</span>
		</div>
	</div>
	
	<h2>Map with some overloaded parameters and 'onclick' callback on areas (France)</h2>
	<div class="maparea3">
		<div class="map">
			<span>Alternative content for the map</span>
		</div>
	</div>

	<h2>Population of France by department with a legend</h2>
	<div class="maparea4">
		<div class="map">
			<span>Alternative content for the map</span>
		</div>
		<div class="areaLegend">
			<span>Alternative content for the legend</span>
		</div>
	</div>

	<h2>Population of the 1000 more populated french cities with a legend</h2>
	<div class="maparea5">
		<div class="map">
			<span>Alternative content for the map</span>
		</div>
		<div class="cityFrance">
			<span>Alternative content for the legend</span>
		</div>
	</div>

	<h2>Map of the world with the population by country</h2>
	<div class="maparea6">
		<div class="map">
			<span>Alternative content for the map</span>
		</div>
		<div class="areaLegend">
			<span>Alternative content for the legend</span>
		</div>
		<div class="plotLegend">
			<span>Alternative content for the legend</span>
		</div>
	</div>

	<h2>Map of USA with some plotted cities</h2>
	<div class="maparea7">
		<div class="map">
			<span>Alternative content for the map</span>
		</div>
	</div>
		
</div>
</body>
</html>